<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script src="vue.js"></script>
</head>
<body>
<div id="app">
  <div>
    {{ myname }}--{{my.info}}
  </div>


<div>

  {{ myage +1 }}
  {{ test() }}


</div>
  <div v-html="test2(19)">

    {{myname}}



  </div>

</div>
<script>
  var mytest = {
    age :21
  }
  const config={
    el:'#app',
    data:{
      myname: 'Hello VUE!',
      myage:19,
      my:{info:"i am xxxx"},
      test:function(){
         return 'abc'
      },

      test1:()=> 'bcd',
      test2:(age)=> "my age is <b> " + age.toString() + "</b>"
    }
  }
 var app = new Vue(config);

</script>
</body>
</html> 



